// OVERIDDEN //
body {
  border-top: 2px solid $brand-primary;
}

h1, h2, h3 {
  font-weight: lighter;
}

h4, h5 {
  font-weight: normal;
}

h6 {
  font-weight: normal;
  font-style: italic;
}

// CUSTOM //

a.unstyled,
a.unstyled:hover{
  text-decoration: none;
}

.search-box {
  padding: $padding-small-vertical $padding-small-horizontal;
  border: 1px solid $input-border;
  border-radius: $input-border-radius;
  padding-left: 30px;
  background: #fff url("magnifier.png") 5% center no-repeat;
}

// breadcrumb
.breadcrumb-container {
  color: $gray-light;
  margin-bottom: 10px;
}

// side menu
.side-menu {
  margin-top: 50px; // size of toolbar height + it's margin-bottom

  ul {
    > li {
      > a > [class*="simple-icon-"]{
        margin-right: 5px;
        color: $gray-light;
      }

      &.active {
        > a > [class*="simple-icon-"]{
          color: $gray;
        }

        > a,
        > a:hover{
          color: $gray;
          font-weight: 600;
          pointer-events: none;
          cursor: default;
        }
      }
    }
  }
}

// toolbar
.toolbar {
  // padding: 0px 8px;
  height: 34px;
  margin-bottom: 20px;

  .toolbar-header{
    color: $gray-light;
    font-size: 18px;
    margin-top: 4px;
    display: inline-block;
  }

  ul.toolbar-nav{
    font-size: 18px;
    list-style: none;
    margin-right: 10px;
    padding: 0;
    display: inline;

    li{
      display: inline;

      a{
        text-decoration: none;
        display: inline-block;
        padding: 4px 5px;
        // line-height: 100%;
        background-color: transparent;
      }
    }
  }
}

// scroll-able box
.scroll-box {
  padding: 10px;
  overflow: auto;
  height: 600px;
}

// colors
.brand-primary { color: $brand-primary }
.gray-light { color: $gray-light }
.gray-lighter { color: $gray-lighter }
.gray { color: $brand-primary }
.gray-dark { color: $gray-dark }
.gray-darker { color: $gray-darker }